<?php require_once( "../webassist/security_assist/helper_php.php" ); ?>
<?php require_once('../Connections/elevate954.php'); ?>
<?php
include_once('../functions.php');

define('WORK_PAGE_PER_NO',8);

if (!WA_Auth_RulePasses("Logged in to MEMBERS")){
	WA_Auth_RestrictAccess("login.php");
}
?>
<!DOCTYPE html>
<style type="text/css">
.fancybox-outer, .fancybox-inner { max-height:440px !important; }
ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:12px; list-style-type:none; }
ul.tsc_pagination li { float:left; margin:0px; padding:0px; margin-left:5px; }
ul.tsc_pagination li:first-child { margin-left:0px; }
ul.tsc_pagination li a { color:#000000; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.tsc_pagination li a img { border:none; }
ul.tsc_paginationC li a { color:#000000; background:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #F1F1F1; padding:6px 9px 6px 9px; }
ul.tsc_paginationC li { padding-bottom:1px; }
ul.tsc_paginationC li a:hover,
ul.tsc_paginationC li a.current { color:#FFFFFF; box-shadow:0px 1px #F1F1F1; -moz-box-shadow:0px 1px #F1F1F1; -webkit-box-shadow:0px 1px #F1F1F1; }
ul.tsc_paginationC01 li a:hover,
ul.tsc_paginationC01 li a.current { color:#FFFFFF; text-shadow:0px 1px #EEEEEE; border-color:#F1F1F1; background:#08AB0F; background:-moz-linear-gradient(top, #FFFFFF 1px, #08AB0F 1px, #08AB0F); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #08AB0F), color-stop(1, #08AB0F)); }
ul.tsc_paginationC li a.In-active {
   pointer-events: none;
   cursor: default;
}
.noData{ text-align:center; }

body { overflow: auto !important; }
.fancybox-lock .fancybox-overlay { overflow: auto !important; }

.hover_video .mix-details { width:90% !important; }
</style>


<!-- 
Template Name: Conquer - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.3
Version: 1.5.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/conquer-responsive-admin-dashboard-template/3716838?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js"><!-- InstanceBegin template="/Templates/MEMBERS_AREA_TEMPLATE.dwt.php" codeOutsideHTMLIsLocked="false" -->
<!-- InstanceBeginEditable name="head" --><head>
<!-- InstanceEndEditable -->
<!--<![endif]-->
<!-- BEGIN HEAD -->

<meta charset="utf-8"/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>ELEVATE954 - MEMBERS</title>
<!-- InstanceEndEditable -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<meta name="MobileOptimized" content="320">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="assets/css/style-conquer.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/pages/portfolio.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="header-inner">
		<!-- BEGIN LOGO -->
		<a class="navbar-brand" href="#">
		<img src="assets/img/logo.png" alt="logo" class="img-responsive"/>
		</a>
	  <form class="search-form search-form-header" role="form" action="index.html">
	  </form>
		<!-- END LOGO -->
		<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		<img src="assets/img/menu-toggler.png" alt=""/>
		</a>
		<!-- END RESPONSIVE MENU TOGGLER -->
		<!-- BEGIN TOP NAVIGATION MENU -->
		<ul class="nav navbar-nav pull-right">
			<!-- BEGIN NOTIFICATION DROPDOWN -->
			<!-- END NOTIFICATION DROPDOWN -->
			<!-- BEGIN INBOX DROPDOWN -->
			<!-- END INBOX DROPDOWN -->
			<!-- BEGIN TODO DROPDOWN -->
			<li class="dropdown" id="header_task_bar">
			  <ul class="dropdown-menu extended tasks">
				  <li>
						<p>
							 You have 12 pending tasks
						</p>
					</li>
					<li>
						<ul class="dropdown-menu-list scroller" style="height: 250px;">
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 New release v1.2
									</span>
									<span class="percent">
										 30%
									</span>
								</span>
								<span class="progress">
									<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 40% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Application deployment
									</span>
									<span class="percent">
										 65%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 65% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Mobile app release
									</span>
									<span class="percent">
										 98%
									</span>
								</span>
								<span class="progress">
									<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 98% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Database migration
									</span>
									<span class="percent">
										 10%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 10% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Web server upgrade
									</span>
									<span class="percent">
										 58%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 58% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Mobile development
									</span>
									<span class="percent">
										 85%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 85% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 New UI release
									</span>
									<span class="percent">
										 18%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 18%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 18% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="external">
						<a href="#">See all tasks <i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</li>
			<!-- END TODO DROPDOWN -->
			<li class="devider">
				 &nbsp;
			</li>
			<!-- BEGIN USER LOGIN DROPDOWN -->
			<li class="dropdown user">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<img src="../image_uploads/<?php echo $_SESSION['COMPANY_LOGO']; ?>" alt="" width="35" height="35"/>
				<span class="username">
					 <?php echo $_SESSION['MEMBER_FIRST_NAME']; ?> <?php echo $_SESSION['MEMBER_LAST_NAME']; ?>
				</span>
				<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu">
					<li>
						<a href="profile.php"><i class="fa fa-user"></i> My Profile</a>
					</li>
					
					<li class="divider">
					</li>
				</li>
				<li>
					<a href="login.php"><i class="fa fa-key"></i> Log Out</a>
				</li>
			</ul>
		</li>
		<!-- END USER LOGIN DROPDOWN -->
	</ul>
	<!-- END TOP NAVIGATION MENU -->
</div>
<!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
	<div class="page-sidebar-wrapper">
		<div class="page-sidebar navbar-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="page-sidebar-menu">
				<li class="sidebar-toggler-wrapper">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler">
					</div>
					<div class="clearfix">
					</div>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				</li>
				<li>
					<form class="search-form" role="form" action="index.html" method="get">
						<div class="input-icon right">
							<i class="fa fa-search"></i>
							<input type="text" class="form-control input-medium input-sm" name="query" placeholder="Search...">
						</div>
					</form>
				</li>
				<li class="start ">
					<a href="dashboard.php">
					<i class="fa fa-home"></i>
					<span class="title">
						Dashboard
					</span>
					</a>
				</li>
                
                <li class="start ">
					<a href="profile.php">
					<i class="fa fa-home"></i>
					<span class="title">
						PROFILE
					</span>
					</a>
				</li>
                <li class="start ">
					<a href="membership.php">
					<i class="fa fa-home"></i>
					<span class="title">
						MEMBERSHIP
					</span>
					</a>
				</li>
                
                <li class="start ">
					<a href="workouts.php">
					<i class="fa fa-home"></i>
					<span class="title">
						WORKOUTS
					</span>
					</a>
				</li>
                
                <li class="start ">
					<a href="members_news.php">
					<i class="fa fa-home"></i>
					<span class="title">
						ELEVATE954 NEWS
					</span>
					</a>
				</li>
                
                 <li class="start ">
					<a href="schedule.php">
					<i class="fa fa-home"></i>
					<span class="title">
						SCHEDULES
					</span>
					</a>
				</li>
                
                <li class="start ">
					<a href="member_contactus.php">
					<i class="fa fa-home"></i>
					<span class="title">
						CONTACT US
					</span>
					</a>
				</li>
                
                <li class="start ">
					<a href="logout.php">
					<i class="fa fa-home"></i>
					<span class="title">
						LOGOUT
					</span>
					</a>
				</li>
				
			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
	</div>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
	<div class="page-content-wrapper">
		<div class="page-content">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-success">Save changes</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			<div class="theme-panel hidden-xs hidden-sm">
			  <div class="theme-options">
				  <div class="theme-option theme-colors clearfix">
						<span>
							 Theme Color
						</span>
						<ul>
							<li class="color-black current color-default tooltips" data-style="default" data-original-title="Default">
							</li>
							<li class="color-grey tooltips" data-style="grey" data-original-title="Grey">
							</li>
							<li class="color-blue tooltips" data-style="blue" data-original-title="Blue">
							</li>
							<li class="color-red tooltips" data-style="red" data-original-title="Red">
							</li>
							<li class="color-light tooltips" data-style="light" data-original-title="Light">
							</li>
						</ul>
					</div>
					<div class="theme-option">
						<span>
							 Layout
						</span>
						<select class="layout-option form-control input-small">
							<option value="fluid" selected="selected">Fluid</option>
							<option value="boxed">Boxed</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Header
						</span>
						<select class="header-option form-control input-small">
							<option value="fixed" selected="selected">Fixed</option>
							<option value="default">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar
						</span>
						<select class="sidebar-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar Position
						</span>
						<select class="sidebar-pos-option form-control input-small">
							<option value="left" selected="selected">Left</option>
							<option value="right">Right</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Footer
						</span>
						<select class="footer-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
				</div>
			</div>
			<!-- END BEGIN STYLE CUSTOMIZER -->
			<!-- BEGIN PAGE HEADER-->
            
<div class="row">
			<div class="col-md-12">
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					
					<!--<ul class="page-breadcrumb breadcrumb">
						<li>
							<i class="fa fa-home"></i>
							<a href="index.html">Home</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="#">Page Layouts</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="#">Blank Page</a>
						</li>
					</ul>-->
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12"><!-- InstanceBeginEditable name="BODY_AREA" -->
                <script type="text/javascript" src="../lib/jquery-1.10.1.min.js"></script>
                <script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="../source/jquery.fancybox.js?v=2.1.5"></script>
    <script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
    <script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="../source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'none',

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,
				arrows    : false,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
	</script>
                <script type="text/javascript">

function filterCat(id)
{
	var pagePer = <?php echo WORK_PAGE_PER_NO; ?>;
	var dataString = 'function=workoutFilter&catId='+id+'&pagePer='+pagePer;
	$(".flash").show();
    $(".flash").fadeIn(400).html
              ('Loading <img src="/images/ajax-loader12.gif" />');
	$.ajax({type: "POST",
           	url: "../ajax-functions.php",
		   	dataType: "json",
           	data: dataString,
            cache: false,
		   	success: function(result){
				$(".flash").hide();
                $("#galleryContainer").html(result[0]);
				//$("#galleryContainer2").html(result[2]);
				$("#pagingDiv").html(result[1]);
				$('.mix-grid').mixitup();
				$('#list').css('list-style','none');
				$('#list1').css('list-style','none');
		   }
	});
}

function changePagination(pageId,liId,filterCat){
     $(".flash").show();
     $(".flash").fadeIn(400).html
                ('Loading <img src="/images/ajax-loader12.gif" />');
	 var pagePer = <?php echo WORK_PAGE_PER_NO; ?>;
     var dataString = 'function=workoutFilter&pageId='+pageId+'&catId='+filterCat+'&pagePer='+pagePer;
     $.ajax({
           type: "POST",
           url: "../ajax-functions.php",
		   dataType: "json",
           data: dataString,
           cache: false,
           success: function(result){
                 $(".flash").hide();
                 $(".link a").each(function(index, element) {
                   $(this).removeClass("In-active current") ; 
                 });
                 $("a."+liId).each(function(index, element) {
                   $(this).addClass( "In-active current" ); 
                 });
                 $("#galleryContainer").html(result[0]);
				 //$("#galleryContainer2").html(result[2]);
				 $('.mix-grid').mixitup();
				 $('#list').css('list-style','none');
				 $('#list1').css('list-style','none');
           }
      });
}
</script>
                <div class="dfsdfsd hidden-lg"><img src="../White_Transparent.png" width="275" height="155" alt=""/><br><br></div>
                <h1 class="page-title">
					WORKOUTS
					</h1>
					<ul class="page-breadcrumb breadcrumb">
						<li>
							<i class="fa fa-home"></i>
							<a href="dashboard.php">DASHBOARD</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="workouts.php">WORKOUTS</a>
							<i class="fa fa-angle-right"></i>
						</li>
						
					</ul>
                
                </div>
                <div style="clear:both"></div>
                  <?php  	$image_cnt = "select * from WORKOUTS";
							$res_image_cnt = mysql_query($image_cnt);
							$count_workout=mysql_num_rows($res_image_cnt);
							$content = '';
							if($count_workout > 0){
								  $paginationCount=getPagination($count_workout,WORK_PAGE_PER_NO);
								  
								$content .='<ul class="tsc_pagination tsc_paginationC tsc_paginationC01">';
								
								for($i=0;$i<$paginationCount;$i++){
							 		if($i == 0){ $sel = 'current'; }else{ $sel = ''; }
									$content .='<li id="'.$i.'_no" class="link">
									  <a class="'.$sel.' '.$i.'_no" href="javascript:void(0)" onclick="changePagination(\''.$i.'\',\''.$i.'_no\',0)">
										  '.($i+1).'
									  </a>
								</li>';
								}
							 
								
								$content .='<li class="flash"></li>
							</ul>';
							}	
							
							echo '<div id="pagingDiv" >'.$content.'</div>'; ?>
<!-- BEGIN PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<div class="tabbable tabbable-custom boxless" style="overflow:visible">
						<!--<ul class="nav nav-tabs">
							<li class="active">
								<a href="#tab_1" data-toggle="tab">4 Columns View</a>
							</li>
							
							<li class="">
								<a href="#tab_3" data-toggle="tab">2 Columns View</a>
							</li>
						</ul>-->
						<div class="tab-content">
							<div class="tab-pane active" id="1tab_1">
								<!-- BEGIN FILTER -->
                                
                              <div class="row">
                                  <div class="col-md-6">
									  <div class="input-group">
											<div class="input-group-btn">
												<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">SELECT A WORKOUT CATEGORY<i class="fa fa-angle-down"></i></button>
												<ul class="dropdown-menu" style="height: 250px; overflow: auto;">

<li class="segment-0" onClick="filterCat('0')">
				<a href="#" tabFilter="0" >All</a>
													</li>                                                
                                                <?php
												
							$get_workout_cat = "select * from WORKOUT_CATEGORY order by TITLE";
							$res_workout_cat = mysql_query($get_workout_cat);
												
									
							while($row_workout_cat = mysql_fetch_array($res_workout_cat))
							{ 
										
							?><li class="segment-<?php echo $row_workout_cat['id'] ; ?>" onClick="filterCat('<?php echo $row_workout_cat['id'] ; ?>')">
				<a href="#" tabFilter="<?php echo $row_workout_cat['id'];?>" class="<?php echo str_replace(' ','_',$row_workout_cat['TITLE']);?>"><?php echo $row_workout_cat['TITLE'] ?></a>
													</li>
                            <?php
													
							}
							?>
                            					</ul>
											</div>
											<!-- /btn-group -->
											<input type="text" class="form-control">
										</div>
										<!-- /input-group -->
									</div>
									<!-- /.col-md-6 -->
									<div class="col-md-6">
										<div class="input-group"><!-- /btn-group -->
										</div>
										<!-- /input-group -->
									</div>
									<!-- /.col-md-6 -->
								</div>
								<div class="margin-top-10">
                                <style>
									#list { margin-left: -39px; }
									#pagingDiv { margin-left: 15px; }
									.page-content { min-height:605px; }
									
									@media screen and (min-width: 300px) and (max-width: 380px){
										#example_video_1 { height:120px !important; }
									}
								</style>
									<div id="galleryContainer" class="row mix-grid">
                       
                       <ul id="list" class="image-grid threecol portfolio-content" style="list-style-type:none;">
                                  
                                     <?php
						$get_image = "select * from WORKOUTS order by CAT_ID,id desc limit 0,".WORK_PAGE_PER_NO;
						$res_image = mysql_query($get_image);
						$c=0;$lastCat=-1;
						while($row_image = mysql_fetch_array($res_image))
						{
							if($row_image['CAT_ID'] != $lastCat){
								$get_workout_cat = "select * from WORKOUT_CATEGORY where id =".$row_image['CAT_ID'];
								$res_workout_cat = mysql_query($get_workout_cat);
								$row_workout_cat = mysql_fetch_array($res_workout_cat);
								$c++;
							}
							
							$lastCat = $row_image['CAT_ID'];
						?>
             
             
              <li data-id="<?php echo $c;?>" data-type="<?php echo str_replace(' ','_',$row_workout_cat['TITLE']);?>">
              
               <?php
							if($row_image['MEDIA_TYPE'] == "VIDEO")
							{							
							?>
                                   		<div class="col-md-3 col-sm-4 mix category_1">
											<div class="hover_video">
												<img class="img-responsive" src="/image_uploads/<?php echo $row_image['THUMB'];?>" alt="" width="350px" height="184px">
												<div class="mix-details">
													<h4><?php echo $row_image['TITLE'];?></h4>
                                                    
                                                    
													
													<a class="mix-preview fancybox-button fancybox fancybox.iframe" href="../members/video_page.php?id=<?php echo $row_image['id'];?>" title="<?php echo $row_image['TITLE'];?>" ><i class="fa fa-search"></i></a>
												</div>
											</div>
										</div>
                                        
                                        <?php } 
							else if($row_image['MEDIA_TYPE'] == "image")
							{							
							?>
                            <div class="hover_image">
    									<div class="col-md-3 col-sm-4 mix category_2">
											<div class="mix-inner">
												<img class="img-responsive" src="/image_uploads/<?php echo $row_image['THUMB'];?>" alt="" width="350px" height="184px">
												<div class="mix-details">
													<h4><?php echo $row_image['TITLE'];?></h4>
													<!--<a class="mix-link"><i class="fa fa-link"></i></a>-->
													<a class="mix-preview fancybox-button" href="/image_uploads/<?php echo $row_image['IMAGE'];?>" title="<?php echo $row_image['TITLE'];?>" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
												</div>
											</div>
										</div>
                              </div><!-- end of hover_image-->          
                                                 
                      <?php } ?>      
                            
                           

                            
                            
                        </li>
                        <!--End Workout Thumbnail-->
						<?php } ?>
										 </ul>
                                         
                                         
									</div>
								</div>
								<!-- END FILTER -->
							</div>
							
<?php /*?>							<div class="tab-pane" id="tab_3">
								<!-- BEGIN FILTER -->
                                <h4 class="block">Select your workout category</h4>
<div class="row">
									<div class="col-md-6">
										<div class="input-group">
											<div class="input-group-btn">
												<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button>
												<ul class="dropdown-menu" style="height: 250px; overflow: auto;">

<li class="segment-0" onClick="filterCat('0')">
				<a href="#" tabFilter="0" >All</a>
													</li>                                                
                                                <?php
							$get_workout_cat = "select * from WORKOUT_CATEGORY order by TITLE";
							$res_workout_cat = mysql_query($get_workout_cat);
												
									
							while($row_workout_cat = mysql_fetch_array($res_workout_cat))
							{ 
										
							?><li class="segment-<?php echo $row_workout_cat['id'] ; ?>" onClick="filterCat('<?php echo $row_workout_cat['id'] ; ?>')">
				<a href="#" tabFilter="<?php echo $row_workout_cat['id'];?>" class="<?php echo str_replace(' ','_',$row_workout_cat['TITLE']);?>"><?php echo $row_workout_cat['TITLE'] ?></a>
													</li>
                            <?php
													
							}
							?>
                            					</ul>
											</div>
											<!-- /btn-group -->
											<input type="text" class="form-control">
										</div>
										<!-- /input-group -->
									</div>
									<!-- /.col-md-6 -->
									<div class="col-md-6">
										<div class="input-group">
											<input type="text" class="form-control">
											<div class="input-group-btn">
												<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action <i class="fa fa-angle-down"></i></button>
												<ul class="dropdown-menu pull-right" style="height: 250px; overflow: auto;">
													<li class="segment-0" onClick="filterCat('0')">
				<a href="#" tabFilter="0" >All</a>
													</li>                                                
                                                <?php
												
							$get_workout_cat = "select * from WORKOUT_CATEGORY order by TITLE";
							$res_workout_cat = mysql_query($get_workout_cat);
												
									
							while($row_workout_cat = mysql_fetch_array($res_workout_cat))
							{ 
										
							?><li class="segment-<?php echo $row_workout_cat['id'] ; ?>" onClick="filterCat('<?php echo $row_workout_cat['id'] ; ?>')">
				<a href="#" tabFilter="<?php echo $row_workout_cat['id'];?>" class="<?php echo str_replace(' ','_',$row_workout_cat['TITLE']);?>"><?php echo $row_workout_cat['TITLE'] ?></a>
													</li>
                            <?php
													
							}
							?>
												</ul>
											</div>
											<!-- /btn-group -->
										</div>
										<!-- /input-group -->
									</div>
									<!-- /.col-md-6 -->
								</div>
								<div class="filter-v1 margin-top-10">
									
									<div id="galleryContainer2" class="row mix-grid thumbnails">


<ul id="list1" class="image-grid threecol portfolio-content" style="list-style-type:none;">
                                  
                                     <?php
                        $get_image = "select * from WORKOUTS order by CAT_ID,id desc limit 0,".WORK_PAGE_PER_NO;
						$res_image = mysql_query($get_image); 									 
						$c=0;$lastCat=-1;
						while($row_image = mysql_fetch_array($res_image))
						{
							if($row_image['CAT_ID'] != $lastCat){
								$get_workout_cat = "select * from WORKOUT_CATEGORY where id =".$row_image['CAT_ID'];
								$res_workout_cat = mysql_query($get_workout_cat);
								$row_workout_cat = mysql_fetch_array($res_workout_cat);
								$c++;
							}
							
							$lastCat = $row_image['CAT_ID'];
						?>
             
             
              <li data-id="<?php echo $c;?>" data-type="<?php echo str_replace(' ','_',$row_workout_cat['TITLE']);?>">
              
               <?php
							if($row_image['MEDIA_TYPE'] == "VIDEO")
							{							
							?>
                            
                                                                
										<div class="col-md-6 col-sm-6 mix category_1">
											<div class="mix-inner">
												<img src="/image_uploads/<?php echo $row_image['THUMB'];?>" alt="" width="635" class="img-responsive">
												<div class="mix-details">
												  <h4><?php echo $row_image['TITLE'];?></h4>
													<h2>FDSFSDFSDFSDF</h2> 
                                                    
                                                    <a class="mix-preview fancybox-button fancybox fancybox.iframe" href="../members/video_page.php?id=<?php echo $row_image['id']; ?>" title="<?php echo $row_image['TITLE'];?>" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
												
                                                </div>
											</div>
										</div>
						<?php }elseif($row_image['MEDIA_TYPE'] == "image")
							{							
							?>
                            
                                                                
										<div class="col-md-6 col-sm-6 mix category_2">
											<div class="mix-inner">
												<img src="/image_uploads/<?php echo $row_image['THUMB'];?>" alt="" width="635" class="img-responsive">
												<div class="mix-details">
												  <h4><?php echo $row_image['TITLE'];?></h4>
													<?php echo substr($row_image['TEXT'],0,350);?>
													
                                                    
                                                  													
                                                    <a class="mix-preview fancybox-button" href="/image_uploads/<?php echo $row_image['IMAGE'];?>" title="<?php echo $row_image['TITLE'];?>" data-rel="fancybox-button"><i class="fa fa-search-plus"></i></a>
												
                                                </div>
											</div>
										</div>
						<?php } ?>
                        </li>
                        <?php } ?>
                        </ul>				
									</div>
								</div>
								<!-- END FILTER -->
							</div>
<?php */?>						</div>
					</div>
				</div>
			</div>
<!-- InstanceEndEditable -->
					 
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
	</div>
</div>
<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="footer">
<div class="footer-inner">
	 2013 &copy; ELEVATE954.
</div>
<div class="footer-tools">
	<span class="go-top">
		<i class="fa fa-angle-up"></i>
	</span>
</div>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="assets/scripts/app.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="assets/plugins/gmaps/gmaps.js" type="text/javascript"></script>
<script src="assets/scripts/app.js"></script>
<script src="assets/scripts/contact-us.js"></script>
<script>
jQuery(document).ready(function() {    
   App.init();
});
</script>
<script type="text/javascript" src="assets/plugins/jquery-mixitup/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script src="assets/scripts/app.js"></script>
<script src="assets/scripts/portfolio.js"></script>
<script>
jQuery(document).ready(function() {    
   App.init();
   Portfolio.init();
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
<!-- InstanceEnd --></html>